//修复用
//var(--status-bar-height) 输出值与实际值不一致，已知微信小程序输出值25，实际20
$vi-statusbarHeight: var(--status-bar-height);
/* #ifdef MP-WEIXIN */
// $vi-statusbarHeight: 20px;
/* #endif */
$vi-hight-status-navbar: calc(#{$vi-statusbarHeight} + #{$vi-hight-navbar});//只能用在对误差不敏感的地方，微信小程序比实际多5


// 页面过渡动画
/* #ifdef H5 */
uni-page {opacity: 0;position: relative;top:0}
/* 在页面上使用 transform 会导致页面内的 fixed 定位渲染为 absolute，需要在动画完成后移除 */
uni-page.animation-before { top: 10px;}
uni-page.animation-leave { transition: all .3s ease;}
uni-page.animation-enter { transition: all .3s ease;}
uni-page.animation-show { opacity: 1;}
/* 在页面上使用 transform 会导致页面内的 fixed 定位渲染为 absolute，需要在动画完成后移除 */
uni-page.animation-after { top:0}
/* #endif */

//不需要设置所有元素都为border-box, 用到时再定义
uni-page-body,html,body{height: 100%;}
input,textarea{
	font-size: inherit;
}
.pageContainer{
	margin-bottom: var(--window-bottom);
}

//文字图标统一字体
//注意iconfont本身显示为内联元素时，父元素会受到全局line-height影响导致实际占高多于1em
//显示为块元素时将导致内容换行以及不能使用text-align水平居中
//建议设置为block块元素以避免难以被发现的占位问题
.iconfont{
	display: block;
	font-size: inherit;
	width: 1em;
	height: 1em;
	line-height: 1;
}

//popup自定义导航头部占位，用在popup内容部分
.topFix-statusNavbar{
	padding-top: $vi-hight-status-navbar !important;
}
//底部系统tab占位，有tab时才有值
.bottomFix-tab{
	padding-bottom: var(--window-bottom);
}
.bottomFix-footbar{padding-bottom: $vi-hight-footbar;}

/* 无数据 */
.empty {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 3em;
	color: $vi-txtColor-tips;
}
.full{
	width: 100%;
	height: 100%;
}
.fullY{
	height: 100%;
}
.fullX{
	width: 100%;
}